<!DOCTYPE html>
<html class="pixel-ratio-1 watch-active-state">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <!-- Required meta tags-->

        <meta
            name="viewport"
            content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui"
        />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <!-- Color theme for statusbar -->
        <meta name="theme-color" content="#2196f3" />
        <meta name="discription" content="帝心畅玩是一款集合了全网好玩的传奇、仙侠、页游、手游、小说、漫画、直播等休闲娱乐于一体的APP，致力于打造专业的移动游戏休闲娱乐平台" />
        <!-- Your app title -->
        <title>帝心畅玩</title>
        <link rel="shortcut icon" href="/favicon.ico" />
        <link rel="bookmark" href="/favicon.ico" type="imgde/x-icon" />
        <!-- Path to Framework7 Library CSS, Material Theme -->
        <link rel="stylesheet" href="./assets/css/framework7.material.css" />
        <!-- Path to Framework7 color related styles, Material Theme -->
        <link rel="stylesheet" href="./assets/css/framework7.material.colors.css" />
        <link rel="stylesheet" href="./assets/vendor/icon/css/font-awesome.min.css" />
        <link rel="stylesheet" href="./assets/vendor/toastr/toastr.min.css?v=1" />
        <!-- Path to your custom app styles-->
        <link rel="stylesheet" href="./assets/css/my-app.css" />
        <style>
            #app {
                z-index: 0;
            }

            .pay-succ-bg {
                background-color: rgba(0, 0, 0, 0.6);
                position: fixed;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
                z-index: 9999;
            }

            .note{
                padding: 12px;
            }
        </style>
    </head>

    <body class="theme-orange ccb framework7-root">
        <!-- Views -->
        <div class="views hide" id="app">
            <!-- view-main -->
            <div class="view view-main" data-page="register">
                <div class="pages navbar-fixed">
                    <!-- page-->
                    <div data-page="register" class="page navbar-fixed">
                        <!-- Top Navbar-->
                        <div class="navbar">
                            <div class="navbar-inner">
                                <div class="left">
                                    <a href="###" @click.prevent="goBack">
                                        <i class="fa fa-angle-double-left" aria-hidden="true"></i>
                                    </a>
                                </div>
                                <div class="tit">用户协议</div>
                            </div>
                        </div>
                        <!-- /End of Top Navbar-->
                        <div class="page-content">
                            <div class="content-block">
                                <div class="note" v-html="note">

                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End of page-->
                </div>
            </div>
        </div>
        <!-- Path to Framework7 Library JS-->
        <script type="text/javascript" src="./assets/js/lib/lodash.js"></script>
        <script type="text/javascript" src="./assets/js/lib/jquery-3.1.1.min.js"></script>
        <script type="text/javascript" src="https://cdn.bootcss.com/vue/2.5.9/vue.min.js"></script>
        <script type="text/javascript" src="./assets/vendor/toastr/toastr.min.js?v=1"></script>
        <script type="text/javascript" src="./assets/js/tools.js?v=1.2"></script>
        <script>
            function showPage() {
                $("#app").removeClass("hide");
            }

            function is_weixin() {
                var ua = window.navigator.userAgent.toLowerCase();
                if (ua.match(/MicroMessenger/i) == "micromessenger") {
                } else {
                    $("#third-login").remove();
                }
            }
            is_weixin();
            var disInt = 60;
            var vm = new Vue({
                el: "#app",
                data: function() {
                    return {
                        note:""
                    };
                },
                methods: {
                    getNote(){
                        var self = this;
                        ajax.agreement({
                            param:{},
                            cb(data){
                                self.note = data.data.url;
                            }
                        })
                    },
                    goBack() {
                        location.href = "register.html";
                    }
                },
                mounted: function() {
                    this.getNote();
                    showPage();
                }
            });
        </script>
    </body>
</html>
